<template>
    <div>
        <!--右边-->
        <div class="h-27">
            <div class="p-1">
                <div class="p-2">摘牌申请</div>
                <div class="p-3">
                    <!--路由-->
                    <div class="b-8">
                        <div class="b-9 p-4">当前位置： <a href="javascript:;">首页</a> > <a href="javascript:;">摘牌申请</a></div>
                    </div>
                </div>
                <div class="q-1">
                    <ul class="q-2">
                        <li class="active">
                            <div class="q-3"><div class="q-4"></div><div class="q-5">填写资料</div></div>
                        </li>
                        <li class="active">
                            <div class="q-3"><div class="q-4"></div><div class="q-5">审核</div><</div>
                        </li>
                        <li class="active">
                            <div class="q-3"><div class="q-4"></div><div class="q-5">协商</div><</div>
                        </li>
                        <li class="active">
                            <div class="q-3"><div class="q-4"></div><div class="q-5">付款中</div><</div>
                        </li>
                        <li>
                            <div class="q-3"><div class="q-4"></div><div class="q-5">交货中</div><</div>
                        </li>
                        <li>
                            <div class="q-3"><div class="q-4"></div><div class="q-5">摘牌成功</div><</div>
                        </li>
                    </ul>
                </div>

                <div class="u-1">
                    <div class="u-2">
                        <div class="u-3"><span class="u-4">电子签章费：</span><span class="u-5">20元</span></div>
                        <div class="u-3"><span class="u-4">摘牌手续费：</span><span class="u-5">0元</span></div>
                        <div class="u-3" style="border: none;"><span class="u-4">共计：</span><span class="u-5">20元</span></div>
                        <img class="u-6" src="images/right2.png"/>
                    </div>
                    <div class="u-7">选择支付方式</div>
                    <ul class="u-8">
                        <li class="active">
                            <label class="u-9"></label>
                            <img class="u-10" src="images/wx.png" />
                            <span class="u-11">微信</span>
                        </li>
                        <li>
                            <label class="u-9"></label>
                            <img class="u-10" src="images/zfb.png" />
                            <span class="u-11">支付宝</span>
                        </li>
                        <li>
                            <label class="u-9"></label>
                            <img class="u-10" src="images/yhk_on.png" />
                            <span class="u-11">银联支付</span>
                        </li>
                    </ul>
                    <button class="u-12">立即支付</button>
                </div>

            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
</template>

<script>
    export default {
        name: "userDelistPay"
    }
</script>

<style scoped>
    @import "../../layui/css/layui.css";
    @import "../../css/index.css";
    @import "../../css/user_listing.css";
    @import "../../css/user_addlistingl.css";
    @import "../../css/user_adddeslisting.css";
    @import "../../css/user_pay.css";
    @import "../../css/idangerous.swiper.css";
</style>